﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Main.Master" AutoEventWireup="true"
    CodeBehind="UserRegistrationVerificationControl.aspx.cs" Inherits="HSMPWeb.TabControls.UserRegistrationVerificationControl" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<%@ Register Src="~/UserControls/RegistrationControl.ascx" TagName="RegistrationControl"
    TagPrefix="uc1" %>
<%@ Register Src="~/UserControls/VerificationControl.ascx" TagName="VerificationControl"
    TagPrefix="uc2" %>
<%@ Register Src="~/UserControls/SocietyRoleListControl.ascx" TagName="SocietyRoleListControl"
    TagPrefix="uc3" %>
<%@ Register Src="~/UserControls/RegisterUserSocietyRoleControl.ascx" TagName="RegisterUserSocietyRoleControl"
    TagPrefix="uc4" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script type="text/javascript">
        function PanelClick(sender, e) {
        }

        function ActiveTabChanged(sender, e) {
        }
    </script>
    <style type="text/css">
    .Tab .ajax__tab_header
{
    color: #669900;
    font-family:Trebuchet MS;
    font-size: 14px;
    font-weight: bold;
    background-color: #ffffff;
    margin-left: 0px;
}
/*Body*/
.Tab .ajax__tab_body
{
     border: solid 1px #d7d7d7; /*border-top-color: #ffffff;*/
     padding: 10px 10px;
     border-radius: 4px;
     box-shadow: 0 0 8px #CCC;
     background-color: white;
    /*border:1px solid #b4cbdf;*/
    padding-top:0px;
}
/*Tab Active*/
.Tab .ajax__tab_active .ajax__tab_tab
{
    color: #ffffff;
    background: url('../Images/TabControlImages/tab_active.gif') repeat-x;
    height: 20px;
}
.Tab .ajax__tab_active .ajax__tab_inner
{
    color: #ffffff;
    background: url('../Images/TabControlImages/tab_left_active.gif') no-repeat left;
    padding-left: 10px;
}
.Tab .ajax__tab_active .ajax__tab_outer
{
    color: #ffffff;
    background: url('../Images/TabControlImages/tab_right_active.gif') no-repeat right;
    padding-right: 6px;
}
/*Tab Hover*/
.Tab .ajax__tab_hover .ajax__tab_tab
{
    color: #000000;
    background: url('../Images/TabControlImages/tab_hover.gif') repeat-x;
    height: 20px;
}
.Tab .ajax__tab_hover .ajax__tab_inner
{
    color: #000000;
    background: url('../Images/TabControlImages/tab_left_hover.gif') no-repeat left;
    padding-left: 10px;
}
.Tab .ajax__tab_hover .ajax__tab_outer
{
    color: #000000;
    background: url('../Images/TabControlImages/tab_right_hover.gif') no-repeat right;
    padding-right: 6px;
}
/*Tab Inactive*/
.Tab .ajax__tab_tab
{
    color: #669900;
    background: url('../Images/TabControlImages/tab_Inactive.gif') repeat-x;
    height: 20px;
}
.Tab .ajax__tab_inner
{
    color: #669900;
    background: url('../Images/TabControlImages/tab_left_inactive.gif') no-repeat left;
    padding-left: 10px;
}
.Tab .ajax__tab_outer
{
    color: #669900;
    background:url("../Images/TabControlImages/tab_right_inactive.gif") no-repeat right;
    padding-right:6px;
    margin-right: 2px;
}

        .Tab
        {}

        .Tab
        {}

        .Tab
        {}
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <br />
    <div style="margin-left: 100;">
        <asp:TabContainer runat="server" ID="Tabs" Height="700px" OnClientActiveTabChanged="ActiveTabChanged"
            Width="750px" Style="margin-left: 100px; font-size: 11pt;" 
            ActiveTabIndex="0" CssClass="Tab">
            <asp:TabPanel runat="Server" ID="Panel1" OnClientClick="PanelClick" HeaderText="Registration">
                <ContentTemplate>
                    <uc1:RegistrationControl ID="RegistrationControl1" runat="server" />
                </ContentTemplate>
            </asp:TabPanel>
            <asp:TabPanel runat="Server" ID="Panel2" OnClientClick="PanelClick" HeaderText="Verification">
                <HeaderTemplate>
                    Verification</HeaderTemplate>
                <ContentTemplate>
                    <uc2:VerificationControl ID="VerificationControl2" runat="server" />
                </ContentTemplate>
            </asp:TabPanel>
            <asp:TabPanel runat="Server" ID="Panel3" OnClientClick="PanelClick" HeaderText="Society And Role Selection">
                <ContentTemplate>
                    <div style="margin-left: 259px;">
                        <asp:GridView ID="GridView1" runat="server" ForeColor="Black">
                            <HeaderStyle ForeColor="#009900" />
                        </asp:GridView>
                    </div>
                    <br />
                    <uc4:RegisterUserSocietyRoleControl ID="RegisterUserSocietyRoleControl1" runat="server" />
                </ContentTemplate>
            </asp:TabPanel>
        </asp:TabContainer>
        <br />
    </div>
</asp:Content>
